<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>我的网页</title>
    <link rel="stylesheet" href="style.css">
</head>

<body>
    <div class="box">
        <header>

            <div class="little">
                <img class="beijingtu" src="beijing.jpg" width="1000px" height="400px" alt="">
                <div class="touming"></div>
            </div>

            <div class="changbai">
                <a name="zhuye">
                    <p class="a">对设计保持好奇心、目的和激情、始终如一</p>
                </a>

                <li class="yi">
                    <a href="#zhuye">主页</a>
                </li>
                <li class="er">
                    <a href="#zuopinji">作品集</a>
                </li>
                <li class="san">
                    <a href="#gerendang">个人档</a>
                </li>
                <li class="si">
                    <a href="#shenghuo">生活集</a>
                </li>
            </div>

            <div class="tuoyuan">
                <img class="two" src="7.jpg" width="200px" height="200px">
            </div>


        </header>
        <section class="work">
            <div class="first">
                <a name="zuopinji">
                    <h2 class="wu">作品集 showreel</h2>
                </a>
                <div class=one>
                    <img src="1.jpg" width="300px" heght="150px">
                    <img src="2.jpg" width="300px" heght="150px">
                    <img src="3.jpg" width="300px" heght="150px">
                    <p>主题潮牌画册设计,加效果设计,采用黑红色，增加画面活跃度，使潮牌偏酷，照片多为冷酷感。 </p>
                </div>


                <div class="shi">
                    <img src="4.jpg" width="250px" height="300px">
                    <img src="5.jpg" width="250px" height="300px">
                    <img src="6.jpg" width="250px" height="300px">
                    <p>主题是十二生肖设计，采用剪纸，运用中国红的颜色，增加了喜庆感，黄色底片更突显高贵的气息。</p>
                </div>

            </div>

            <div class="second">
                <a name="gerendang">
                    <h2 class="liu">个人档 personal</h2>
                </a>


                <div class="shiyi">
                    <li class="xingming">姓名:段丛丛</li>
                    <li class="xingbie">性别：女</li>
                    <li class="shengri">生日：9.13</li>
                    <li class="xingzuo">星座：水瓶座</li>

                </div>
                <div class="shier">
                    <li class="guxiang">故乡：河北邯郸</li>
                    <li class="zhiye">职业：学生</li>
                    <li class="dizhi">地址：四川省都江堰</li>
                    <li class="xianjv">现居：河北邯郸</li>
                </div>
                <img class="ba" src="7.jpg" width="400px" height="300px">


            </div>
            <div class="third">
                <a name="shenghuo">
                    <h2 class="shenghuo">生活集 life</h2>
                </a>
                <div class="shisi">
                    <img src="8.jpg" width="250px" heght="150px">
                    <img src="9.jpg" width="250px" heght="150px">
                    <img src="10.jpg" width="250px" heght="150px">
                </div>
                <div class="shiwu">
                    <img src="11.jpg" width="250px" heght="150px">
                    <img src="12.jpg" width="250px" heght="150px">
                    <img src="13.jpg" width="250px" heght="150px">

                </div>
            </div>
            <div class="fourth">
                <li class="shiliu"> 主页</li>
                <li class="shiqi"> 作品集</li>
                <li class="shiba">个人档</li>
                <li class="shijiu">生活集</li>
                <img class="ershi" src="qq.jpg" width="50px" alt="">
                <img class="ershiyi" src="dianhua.jpg" width="50px" alt="">
                <img class="ershier" src="youxiang.jpg" width="50px" alt="">
                <img class="ershisan" src="weixin.jpg" width="50px" alt="">
                <p class="sanshi">1821458639</p>
                <p class="sanshiyi">18732063639</p>
                <p class="sanshier">1821458639@qq.com</p>
                <p class="sanshisan">d18732063639</p>


            </div>

    </div>

    </section>
    </div>


</body>

</html>